<template>
<div id="raber">
  <div id="top">
    <router-view />
  </div>
    <div class="bottom">
      <van-tabbar v-model="active" route>
        <van-tabbar-item icon="wap-home-o" replace to="/home">首页</van-tabbar-item>
        </van-tabbar-item>
        <van-tabbar-item icon="apps-o" replace to="/classify">分类</van-tabbar-item>
        </van-tabbar-item>
        <van-tabbar-item icon="cart-o" replace to="/ShoppingCart">购物车</van-tabbar-item>
        <van-tabbar-item icon="user-o" replace to="/user">个人</van-tabbar-item>
      </van-tabbar>
    </div>
</div>
</template>
<script>
export default {
name,
data() {
return {
  active:''
}
},
methods: {}
}
</script>
<style lang='less' scoped>
#top{
  max-height: calc(100vh - 50px);
  overflow: auto ;
}
.top::-webkit-scrollbar{
 display: none;
}
</style>